<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h1 class="title ui-widget-header ui-corner-all">Asignar Grupos de Ventas</h1>
		<h:form id="formGrupo">
			<p:messages id="message" showDetail="true" />
			 
			<p:fieldset legend="Resultado de Meta">
			<p:dataTable var="g" value="#{grupo.grupoEmplList}" id="data">  
	            <p:column headerText="Empleado">
	                <h:outputText value="#{g.tbempleado.nombresCompletos}" />
	            </p:column>
	            <p:column sortBy="#{g.entregada}" filterBy="#{g.entregada}" headerText="#{message['comision.venta.evento']}"  >
						<f:facet name="header">
							<h:outputText value="#{message['facturacion.entrega.entrega']}" />
						</f:facet>
						<h:outputText value="#{g.entregada}" />
				</p:column>
				<p:column sortBy="#{g.facturada}" filterBy="#{g.facturada}" headerText="cant" >
						<f:facet name="header">
							<h:outputText value="#{message['facturacion.entrega.facturacion']}" />
						</f:facet>
						<h:outputText value="#{g.facturada}" />
				</p:column>
	            <p:column sortBy="#{g.totalentregada}" filterBy="#{g.totalentregada}" headerText="#{message['comision.venta.evento']}"  >
						<f:facet name="header">
							<h:outputText value="#{message['facturacion.entrega.total.entregas']}" />
						</f:facet>
						<h:outputText value="#{g.totalentregada}" />
				</p:column>
	            <p:column sortBy="#{g.totalfacturada}" filterBy="#{g.totalfacturada}" headerText="cant" >
						<f:facet name="header">
							<h:outputText value="#{message['facturacion.entrega.total.facturacion']}" />
						</f:facet>
						<h:outputText value="#{g.totalfacturada}" />
				</p:column>
				<p:column sortBy="#{g.puntajeTotal}" filterBy="#{g.puntajeTotal}" headerText="cant" >
						<f:facet name="header">
							<h:outputText value="#{message['facturacion.entrega.total.facturacion']}" />
						</f:facet>
						<h:outputText value="#{g.puntajeTotal}" />
				</p:column>
				<p:column sortBy="#{g.stringFalta}" filterBy="#{g.stringFalta}" headerText="cant" filterMatchMode="contain" >
						<f:facet name="header">
							<h:outputText value="#{message['facturacion.entrega.total.facturacion']}" />
						</f:facet>
						<h:outputText value="#{g.stringFalta}" />
				</p:column>
	            <p:column>
		            <f:facet name="header">
		            	<h:outputText value="#{message['facturacion.entrega.escoger']}" />
		            </f:facet>
		            <p:menuButton value="Escoger Grupo" >
			        	<c:forEach items="#{grupo.lstMenu}" var="k">
			                <p:menuitem  value="#{k.nombreMenu}" action="#{grupo.update}" update="@form" >
			                <f:setPropertyActionListener target="#{grupo.idempleado}" value="#{g.tbempleado.idempleado}" />
			                <f:setPropertyActionListener target="#{grupo.grupoEscogido}" value="#{k.nombreMenu}" />
			                </p:menuitem>
				        </c:forEach>
			        </p:menuButton>
	            </p:column>
            </p:dataTable>
            </p:fieldset>
            <p:fieldset id="selected" legend="Grupos Asignados" style="margin-top:20px">
             
            <h:panelGrid columns="2" cellpadding="8" >
            <c:forEach items="#{grupo.grupoVentaList}" var="v">
             <p:dataTable var="f" value="#{v.detalle}" emptyMessage="Ningun Integrante" style="width:450px" >
	               <f:facet name="header">
	               			#{v.tbGrupoVenta.descripcion}
	               </f:facet>
	              <p:column >
		                <h:outputText value="#{f.tbempleado.nombresCompletos}" />
		           </p:column>
		           <p:column>
		            <p:menuButton value="Otro Grupo" >
			        	<c:forEach items="#{grupo.lstMenu}" var="k">
			                <p:menuitem  value="#{k.nombreMenu}" action="#{grupo.cambiarGrupo}" update="@form" >
			                <f:setPropertyActionListener target="#{grupo.idempleado}" value="#{f.tbempleado.idempleado}" />
			                <f:setPropertyActionListener target="#{grupo.grupoEscogido}" value="#{k.nombreMenu}" />
			                </p:menuitem>
				        </c:forEach>
			        </p:menuButton>
			        </p:column>
	           </p:dataTable>
	           </c:forEach>
           </h:panelGrid>
               <p:commandButton  action="#{permiso.insertar}" value="Registrar Permisos" 
               ajax="false" update="formPermisos" icon="ui-icon ui-icon-disk" />
           </p:fieldset>
	</h:form>
	</ui:define>
</ui:composition>